【vue】 vue引入highlight.js高亮显示代码 | 您所在的位置:网站首页 › highlight from › 【vue】 vue引入highlight.js高亮显示代码 |
1.安装 npm install --save vue-highlightjs npm install --save highlight.js这里解释一下为什么要安装两个依赖:vue-highlight.js只是实现了代码高亮的功能,他的安装包里是没有css的样式文件的,因此我们还需要安装一个highlight.js来实现真正的样式。 2.引入 在我们的入口文件main.js中引用依赖 import VueHighlightJS from 'vue-highlightjs' import 'highlight.js/styles/atom-one-dark.css' Vue.use(VueHighlightJS)3.使用 class内的lua为对应要设置高亮的脚本语言 例: javascript |
CopyRight 2018-2019 实验室设备网 版权所有 |